<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/mobile.css">
</head>
<body>
    <div class="box">
        <div class="top">
            <div class="t">
                <img src="images/信号.png" alt="">
                <div>中国联通</div>
                <img src="images/信号 (1).png" alt="">
            </div>
            <div class="time">PM20：00</div>        
            <div class="t"></div>
        </div>
        <div class="tx">
            <div class="left">未登录</div>
            <div class="cen">管家</div>
            <div class="right">
                <img src="images/zy.png" alt="">
            </div>
        </div>
        <!-- 管家UI -->
        <div class="gj">
            <div class="gj-t">
                <img src="images/gj.png" alt="">
            </div>
            <div class="gj-u">
                <div class="wy">
                    <img src="images/wyf.png" alt="">
                    <p>缴物业费</p>
                </div>
                <div class="cen">
                    <div></div>
                    <div></div>
                </div>
                <div class="sq">
                    <img src="images/sq.png" alt="">
                    <p>社区快报</p>
                </div>
            </div>
            <!-- 倒三角 -->
            <div class="tri">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        
        <!-- 功能icon -->
        <div class="icon">
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
            <div class="ci">
                <div><img src="/images/ic-1.png" alt=""></div>
                <p>美容</p>
            </div>
                    
        </div>

        <!-- 功能导航 -->
        <div class="tz">
            <div class="tri">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div class="tz1">
                <img src="images/12306.png" alt="">
                <p>21306</p>
            </div>
            <div class="tz1">
                <img src="images/wz.png" alt="">
                <p>违章查询</p>
            </div>
            <div class="tz1">
                <img src="images/gz.png" alt="">
                <p>工作推荐</p>
            </div>
            <div class="tz1">
                <img src="images/dy.png" alt="">
                <p>最新影讯</p>
            </div>

        </div>

        <!-- 地下导航栏 -->
        <div class="dl">
            <div class="dh1">
                <img src="images/dh_52.png" alt="">
                <p>邻居</p>
            </div>
            <div class="dh1">
                <img src="images/dh_55.png" alt="">
                <p>管家</p>
            </div>
            <div class="dh1">
                <img src="images/dh_58.png" alt="">
                <p>商业</p>
            </div>
            <div class="dh1">
                <img src="images/dh_60.png" alt="">
                <p>活动</p>
            </div>
        </div>
    </div>
</body>
</html>